<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="html5plus://ready"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/ParentFrame.css" />
		<script src="js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-icon icon iconfont icon-dingwei mui-pull-left indexleft"></a>
			<h1 class="mui-title">遇见</h1>
			<!--<a class="mui-pull-right mui-icon" id="compile">换一批</a>-->
		</header>
		<div id="muicontent">
			<div class="mui-content">
				<div v-cloak class="nav-item" :data-guid="item.user_id" v-for="(item,index) in items" v-if="index<15" @click.stop="openBlog(index)">
					<img v-lazy="item.headimg" class="leftimg" />
					<div class="pic-num">
						<img src="img/function/shouye-vip.png" alt="" class="vipbiao"/>
					</div>
					<div class="center">
						<div class="content-p">
							<p class="name">{{item.nick_name}}</p>
							<div class="introudce">
								<span class="iconfont icon-shengri">
									{{item.year|getAge}}岁
								</span>
								<!--<img src="img/function/nianling.png" alt="" class="age-img"/>-->
								<span class="iconfont icon-juli">
									{{ juli|julis }}km
								</span>
							</div>
						</div>
					</div>
				</div>			
			</div>
			<div class="huan">
				<img src="img/function/huanyipi.png" alt="" class="huanyipi"/>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab" id="nav">
			<a class="mui-tab-item mui-active" id="index">
				<span class="mui-icon icon  iconfont icon-shouye"></span>
				<span class="mui-tab-label">遇见</span>
			</a>
			<a class="mui-tab-item" id="zhibo">
				<span class="mui-icon icon iconfont icon-02"></span>
				<span class="mui-tab-label">直播</span>
			</a>
			<a class="mui-tab-item" id="dongtai">
				<span class="mui-icon icon iconfont icon-pengyouquan"></span>
				<span class="mui-tab-label">动态</span>
			</a>
			<a class="mui-tab-item" id="Msg">
				<span class="mui-icon icon iconfont icon-xiaoxi">
				<span id="numm" style="display: none;" class="mui-badge"></span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" id="My">
				<span class="mui-icon icon iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<script src="js/function.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue-lazyload.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/Monitor.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/ParentFrame.js" type="text/javascript" charset="utf-8"></script>
</html>